<%--
  Created by IntelliJ IDEA.
  User: Xun
  Date: 2022/4/23
  Time: 11:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="scripts/function.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="images/logo.gif"/></div>
    <div class="help"><a href="/ListShoppingCar" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a
            href="guestbook.html">留言</a></div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">分类</a></li>
            <c:forEach items="${childCategoryList}" var="child">
                <li><a href="/ShowProductServlet?childid=${child.childid}">${child.childname}</a></li>
            </c:forEach>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.html">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box">
            <h2>商品分类</h2>
            <dl>
                <c:forEach items="${map}" var="map">
                    <dt>${map.key.parentname}</dt>
                    <c:forEach items="${map.value}" var="value">
                        <dd><a href="/ShowProductServlet?childid=${value.childid}">
                                ${value.childname}
                        </a></dd>
                    </c:forEach>
                </c:forEach>
            </dl>
        </div>
    </div>
    <div id="product" class="main">
        <h1>铁三角 Audio-Technica ATH-EQ300M-SV 银色 挂耳式耳机</h1>
        <div class="infos">
            <div class="thumb"><img src="images/product/0.jpg"/></div>
            <div class="buy">
                <p>商城价：<span class="price">￥${product.price}</span></p>
                <p>库　存：${product.stock}</p>
                <div class="button"><input type="button" name="button" value="" onclick=""/><a
                        href="/AddShoppingCar?id=${product.id}">放入购物车</a></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="introduce">
            <h2><strong>商品详情</strong></h2>
            <div class="text">
                ${product.desc}<br/>
                sdf<br/>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2010 All Rights Reserved. 京ICP证1000001号
</div>
</body>
</html>
